<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人简历</title>
    <!-- font awesome cdn link  -->
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.2.1/css/all.css" rel="stylesheet">
    <!-- custom css file link  -->
    <link rel="stylesheet" href="css/style.css">
    <link rel="icon" href="favicon.ico">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <div class="bgBox">
        <!-- 容器 -->
        <div class="container">
            <!-- 左侧个人照片及联系方式 -->
            <div class="contactInformation-picture">
                    <img src="./images/picture.png" alt="">
                    <h2>高龙飞</h2>
                    <p>WebGIS工程师</p>
                    <ul>
                        <li>
                            <a href="" ><i class="fa-brands fa-github"></i></a>
                        </li>
                        <li>
                            <a href=""><i class="fa-brands fa-weibo"></i></a>
                        </li>
                        <li>
                            <a href=""><i class="fa-brands fa-weixin "></i></a>
                        </li>
                        <li>
                            <a href=""><i class="fa-brands fa-qq"></i></a>
                        </li>
                    </ul>
                    <a href="" class="call-me">联系我</a>
                </div>
            <!-- 右侧介绍 -->
            <div class="introduction">
                <!-- section1 -->
                <section class="section1">
                    <h2>个人介绍</h2>
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2021年毕业于天津城建大学,地质与测绘学院测绘工程专业,学校主修方向为地图制图学，主修专业课为《摄影测量学》，《地理信息系统》，《测量平差》等；大四在北京天宇测绘公司（天津分公司）实习，参与完成天津地铁九号线的内业绘图工作；
                        2021-2022年就职于中国安能集团第一工程局唐山分公司,参与兴安岭石油项目工程施工组织方案设计，参与工程局投标中心技术组标书编写；
                        2022-2023年就职于北京中科遥数信息科技有限公司(北京华为研究所外协员工),参与无人驾驶系统高精地图的绘制、质检、等工作。
                    </p>
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;对前端主流技术有着熟练的掌握,熟悉HTML5,CSS3,能够运用主流技术框架解决常见业务问题，英语和数学能力优异，期望在前端领域深入地学习。</p>
                    <div class="text-bottom">
                        <ul class="left">
                            <li> <p>年龄：</p><strong>22</strong></li>
                            <li><p>住宅：</p><strong>武汉市洪山区</strong></li>
                            <li><p>手机号：</p><strong>17302251006</strong></li>
                            <li><p>Email:</p><strong>gaolongfeiyx@163.com</strong></li>
                        </ul>
                        <ul class="right">
                            <li><p>岗位：</p><strong> web前端</strong></li>
                            <li><p>外语：</p><strong>英语6级</strong></li>
                            <li><p>工作经验：</p><strong>2年</strong></li>
                            <li><p>到职时间：</p><strong>随时</strong></li>
                        </ul>
                    </div>
                   
                    
                </section>
                <!-- section2 -->
                <section class="section2">
                    <h2>技术栈</h2>
                    <ul>
                        <li><img src="./images/icon-1.png" alt=""><p>HTML5</p></li>
                        <li><img src="./images/icon-2.png" alt=""><p>CSS3</p></li>
                        <li><img src="./images/icon-3.png" alt=""><p>JaveScript</p></li>
                        <li><img src="./images/icon-4.png" alt=""><p>SASS</p></li>
                        <li><img src="./images/icon-5.png" alt=""><p>JQuery</p></li>
                        <li><img src="./images/icon-6.png" alt=""><p>React.Js</p></li>
                    </ul>
                </section>
                <!-- section3 -->
                <section class="section3">
                    <h2>技能熟练度</h2>
                    <ul>
                        <li class='item1'>
                            <div class="text">
                                <h3>Html</h3>
                                <P>95%</P>
                            </div>
                            <div class="fatherBar">
                                <div class="sonBar"></div>
                            </div>
                        </li>
                        <li class='item2'>
                            <div class="text">
                                <h3>JQuery</h3>
                                <P>90%</P>
                            </div>
                            <div class="fatherBar">
                                <div class="sonBar"></div>
                            </div>
                        </li>
                        <li class='item3'>
                            <div class="text">
                                <h3>Css</h3>
                                <P>80%</P>
                            </div>
                            <div class="fatherBar">
                                <div class="sonBar"></div>
                            </div>
                        </li>
                        <li class='item4'>
                            <div class="text">
                                <h3>React</h3>
                                <P>75%</P>
                            </div>
                            <div class="fatherBar">
                                <div class="sonBar"></div>
                            </div>
                        </li>
                        <li class='item5'>
                            <div class="text">
                                <h3>JaveScript</h3>
                                <P>65%</P>
                            </div>
                            <div class="fatherBar">
                                <div class="sonBar"></div>
                            </div>
                        </li>
                        <li class='item6'>
                            <div class="text">
                                <h3>Vue</h3>
                                <P>65%</P>
                            </div>
                            <div class="fatherBar">
                                <div class="sonBar"></div>
                            </div>
                        </li>
                        <li class='item7'>
                            <div class="text">
                                <h3>Photoshop</h3>
                                <P>70%</P>
                            </div>
                            <div class="fatherBar">
                                <div class="sonBar"></div>
                            </div>
                        </li>
                        <li class='item8'>
                            <div class="text">
                                <h3>Small App</h3>
                                <P>70%</P>
                            </div>
                            <div class="fatherBar">
                                <div class="sonBar"></div>
                            </div>
                        </li>
                    </ul>
                    
                </section>
                <!-- section4 -->
                <section class="section4">
                    <h2>学习工作经历</h2>
                    <div class="box">
                        <div class="text1">
                            <h4>2018-2020</h4>
                            <h3>武汉大学计算机专业</h3>
                            <p>在大学本科期间，通过专业学习和自我学习掌握了主流的前端知识体系，能够独立完成具有一定业务复杂度的前端项目
                                毕业设计项目获得了老师的高度评价。
                            </p>
                        </div>
                        <div class="text2">
                            <h4>2021-2022</h4>
                            <h3>华为 智能汽车高精地图项目组 前端实习生</h3>
                            <p>参与华为内部高精地图绘制软件前端开发，对DevOps工作流有了深刻的认识和使用经验，项目主要采用React技术栈，对市面上主流框架能熟练运用。
                            </p>
                        </div>
                    </div>
                </section>
                <!-- section5 -->
                <section5 class="section5">
                    <h2>联系方式</h2>
                    <ul>
                        <li>
                            <div class="bg"><i class="fa-solid fa-house-chimney-window "></i></div>
                            <div>
                                <h3>详细地址</h3>
                                <p>武汉市洪山区楚天阔小区</p>
                            </div>
                        </li>
                        <li>
                            <div class="bg"><i class="fa-solid fa-address-book  "></i></div>
                            <div>
                                <h3>手机号</h3>
                                <p>17302251008</p>
                            </div>
                        </li>
                        <li>
                            <div class="bg"><i class="fa-solid fa-square-envelope "></i></div>
                            <div>
                                <h3>Email</h3>
                                <p>gaolongfeiyx@163.com</p>
                            </div>
                        </li>

                    </ul>
                </section5>
            </div>
        </div>
    </div>
    
</body>
</html>